<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>我要竞标</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../elementUI/index.css">
    <link rel="stylesheet" href="../../../css/index.css">
</head>

<body>
    <div id="app" class="minWidth">
        <el-form ref="contract" inline-message="true" style="width: 100%">
            <div class="table_titel">
                <div class="titel">标品信息</div>
            </div>
            <div style="display: flex;">
                <el-form-item>
                    <el-image v-if="form.Picture_URL!= undefined" style="width: 220px; height: 230px"
                        :src="DomainIMG + form.Picture_URL"></el-image>
                </el-form-item>
                <el-descriptions style="flex:1" :column="4" border size="small">
                    <el-descriptions-item label="商品名称">
                        <el-form-item prop="Article_Name">
                            <span>{{form.Article_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="挂单标题">
                        <el-form-item>
                            <span>{{form.Group_Purchasing_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="保证方式">
                        <el-form-item>
                            <span>{{form.Guarantee_Method}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="商品价格">
                        <el-form-item prop="Amount">
                            <span>{{form.Amount}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="商品总量">
                        <el-form-item prop="Total_Quantity">
                            <span>{{form.Total_Quantity}}{{form.form.Unit}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="联系人">
                        <el-form-item prop="Contacts">
                            <span>{{form.Contacts}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="联系人手机号">
                        <el-form-item prop="Contacts_Phone">
                            <span>{{form.Contacts_Phone}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="类别">
                        <el-form-item prop="Category_Name">
                            <span>{{form.Category_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="企业名称">
                        <el-form-item prop="Enterprise_Name">
                            <span>{{form.Enterprise_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="交易时间">
                        <el-form-item prop="Item_SerialNumber">
                            <span>{{form.Delivery_Time}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="交易地点">
                        <el-form-item prop="Item_SerialNumber">
                            <span>{{form.Transaction_Location}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="质量验收方式">
                        <el-form-item prop="Quality_Acceptance_Method">
                            <span>{{form.Quality_Acceptance_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="数量验收方式">
                        <el-form-item prop="quantityInspection">
                            <span>{{form.Quantity_Acceptance_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="交收方式">
                        <el-form-item prop="quantityInspection">
                            <span>{{form.Delivery_Method=='1'?'正常交收':'协议交收'}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="最低购买量">
                        <el-form-item prop="Starting_Quantity">
                            <span>{{form.Starting_Quantity}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="补充条款">
                        <el-form-item>
                            <span>{{form.Supplementary_Provisions}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                </el-descriptions>
            </div>

            <div class="table_titel">
                <div class="titel">买家信息</div>
            </div>
            <el-descriptions :column="2" border size="small">
                <el-descriptions-item label="买主姓名">
                    <el-form-item>
                        <span>{{formData.Buyer_Contact}}</span>
                        <!-- <el-input v-model="formData.Buyer_Contact" placeholder="请输入您的姓名" /> -->
                    </el-form-item>
                </el-descriptions-item>
                <el-descriptions-item label="买主手机号">
                    <el-form-item>
                        <span>{{formData.Buyer_Contact_Phone}}</span>
                        <!-- <el-input v-model="formData.Buyer_Contact_Phone" placeholder="请输入内容" /> -->
                    </el-form-item>
                </el-descriptions-item>
            </el-descriptions>
            <div class="table_titel">
                <div class="titel">交收方式</div>
            </div>
            <el-descriptions :column="4" border size="small">
                <el-descriptions-item label="打款方式">
                    <el-form-item prop="Trading_Type">
                        <span>{{formData.Payment_Type}}</span>
                        <!-- <el-select clearable v-model="formData.Trading_Type" placeholder="请选择打款方式">
                            <el-option v-for="(item,i) in Trading_Type" :key="i" :label="item.Trading_Type"
                                :value="item.Trading_Type">
                            </el-option>
                        </el-select> -->
                    </el-form-item>
                </el-descriptions-item>
                <el-descriptions-item label="装运方式">
                    <el-form-item prop="Shipment_Type">
                        <span>{{formData.Shipment_Type}}</span>
                        <!-- <el-select clearable v-model="formData.Shipment_Type" placeholder="请选择装运方式">
                            <el-option v-for="(item,i) in Shipment_Type" :key="i" :label="item.Shipment_Type"
                                :value="item.Shipment_Type">
                            </el-option>
                        </el-select> -->
                    </el-form-item>
                </el-descriptions-item>
                <el-descriptions-item label="运输方式">
                    <el-form-item prop="Transport_Type">
                        <span>{{formData.Transport_Type}}</span>
                        <!-- <el-select clearable v-model="formData.Transport_Type" placeholder="请选择运输方式">
                            <el-option v-for="(item,i) in Transport_Type" :key="i" :label="item.Transport_Type"
                                :value="item.Transport_Type">
                            </el-option>
                        </el-select> -->
                    </el-form-item>
                </el-descriptions-item>
                <el-descriptions-item label="付款方式">
                    <el-form-item prop="Payment_Type">
                        <span>{{formData.Payment_Type}}</span>
                        <!-- <el-select @change="change4" clearable v-model="formData.Payment_Type" placeholder="请选择付款方式">
                            <el-option v-for="(item,i) in Payment_Type" :key="i" :label="item.Payment_Type"
                                :value="item.Payment_Type">
                            </el-option>
                        </el-select> -->
                    </el-form-item>
                </el-descriptions-item>

            </el-descriptions>
            <div class="table_titel">
                <div class="titel">交收方式细则</div>
            </div>
            <el-table v-if="formData.Children.group_transaction_paystages.length != 0"
                :data="formData.Children.group_transaction_paystages" stripe border
                style="width: 100%; margin-bottom: 40px;">
                <el-table-column prop="Payment_Name" label="交付方式"></el-table-column>
                <el-table-column prop="Payment_Amount" label="交付额度(%)"></el-table-column>
                <el-table-column prop="Payment_Date" label="交付时间"></el-table-column>
            </el-table>
            <el-form-item class="form-operation">
                <!-- <el-input-number @change="changenumber" v-model="num" :step="Number(form.Starting_Quantity)"
                    :min="Number(form.Starting_Quantity)" :max="Number(form.Total_Quantity)"
                    label="描述文字"></el-input-number> -->
                <el-button @click="window.history.back()">返回</el-button>
                <el-button type="primary" :loading="loading"
                    @click="submitForm(form.Group_Purchasing_SerialNumber)">确认合同</el-button>
            </el-form-item>
        </el-form>
    </div>
    <script type="text/javascript" src="../../../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../js/vue.min.js"></script>
    <script type="text/javascript" src="../../../elementUI/index.js"></script>
    <script type="text/javascript" src="../../../js/utils.js"></script>
    <script type="text/javascript" src="../../../js/ID_Validity.js"></script>
    <script type="text/javascript" src="../../../js/compressor.js"></script>
    <script type="text/javascript" src="../../../js/FileSaver.min.js"></script>
    <script type="text/javascript" src="../../../js/FileSaver.js"></script>
    <script type="text/javascript" src="../../../js/xlsx.full.min.js"></script>
    <script type="text/javascript" src="./js/ConfirmContract.js"></script>
</body>

</html>